/* pages/signature/index.wxss */
.container {
  width: 100%;
  height: 100vh;
  padding: 140rpx 0 60rpx;
  overflow: hidden;
  display: flex;
  align-content: center;
  flex-direction: row;
  justify-content: center;
  font-size: 28rpx;
  box-sizing: border-box;
}

.handleBtn {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: space-between;
  flex: 1;
  padding-right: 20rpx;
  margin-right: 20rpx;
  box-sizing: border-box;
  overflow: hidden;
  // border: 1px solid red;
}

.handleBtn button {
  text-align: center;
  transform: rotate(90deg);
}


.handleBtn button:not([size='mini']) {
  width: 160rpx;
  margin-top: 30rpx;
  margin-bottom: 30rpx;

}

.handleBtn button.retBtn {
  margin-bottom: 100rpx !important;
}

.handCenter {
  border: 4rpx dashed #e9e9e9;
  flex: 5;
  overflow: hidden;
  box-sizing: border-box;
}

.handRight {
  display: inline-flex;
  align-items: center;
}

.handRight .handTitle {
  transform: rotate(90deg);
  flex: 1;
  color: #666;
}



.handWriting {
  background: #fff;
  width: 100%;
  height: 95vh;
  flex: 2;
}